<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="./css/bootstrap.css"/>
        <h:outputStylesheet name="./css/bootstrap.min.css"/>
        <h:outputStylesheet name="./css/font-awesome.min.css"/>
        <h:outputStylesheet name="./css/modificaciones.css"/>
        <script src="./resources/js/bootstrap.js" type="text/javascript" ></script>
        <script src="./resources/js/jquery.min.js" type="text/javascript" ></script>
        <script src="./resources/js/bootstrap.min.js" type="text/javascript" ></script>
        <script src="./resources/js/jquery-2.1.0.min.js" type="text/javascript"></script>
        <title>SIS-GES-INT</title>
    </h:head>

    <h:body>
        <header id="mainHeader" class="navbar navbar-bright" role="banner">
            <div class="contenedor">
                <div class="top">
                    <div class="logo">
                        <a href="http://www.unicauca.edu.co/versionP/"></a>
                    </div>
                    <div class="borde-redondo"></div>
                    <div class="col-md-lg-3 col-lg-offset-9" style="text-transform: uppercase;
                         float: right;
                         margin: 20px 150px 0 0;">
                        <a href="" style="font-size: 40px;
                           font-weight: bold;
                           color: #FFFFFF;">
                            Gestion Intelectual
                        </a>
                    </div>

                    <div class="clear"></div>
                </div>
                <div class="bottom">
                    <br/>
                    <div class="row" >
                        <div class="col-md-3 col-lg-offset-9">
                            <ui:insert name="titulosesion"><a href="/GestInt/faces/usuario/IniciarSesion.xhtml">Iniciar Sesion</a></ui:insert> 
                        </div>
                    </div>                 
                </div>

            </div>
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="/GestInt/faces/index.xhtml" class="navbar-brand">INICIO</a>
                </div>
                <nav class="collapse navbar-collapse" role="navigation">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="/GestInt/faces/inicio/AcercaDe.xhtml">Acerca De</a>
                        </li>
                        
                        <li>
                            <a href="/GestInt/faces/inicio/Contacto.xhtml">Contacto</a>
                        </li>
                        
                        <li>
                            <a href="/GestInt/faces/inicio/ListarArticulos.xhtml">Listar Articulos</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-right navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-search"></i></a>
                            <ul class="dropdown-menu" style="padding:12px;">
                                <form class="form-inline">
                                    <button type="submit" class="btn btn-default pull-right"><i class="glyphicon glyphicon-search"></i></button>
                                    <input type="text" class="form-control pull-left" placeholder="Search"></input>
                                </form>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>

        <div class="container">

            <div class="row">
                <div class="col-md-3">
                    <p:growl id="growl" life="3000" />
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <ui:insert name="menuderecho"></ui:insert>
                </div>
                <div class="col-md-8 col-lg-offset-1">
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <ui:insert name="contenido"></ui:insert>
                </div>
            </div>
            
        </div>

        <footer id="mainFooter">
            <div class="contenedor">
                <div class="separador"></div>
                <div class="pie">
                    <div class="decoracion izq"></div>
                    <div class="decoracion der"></div>
                    <div class="clear"></div>
                </div>
            </div>
        </footer>

    </h:body>

</html>
